<?php

$this->title = 'Portfolio';
$this->date = '2012-12-07';

?>

<h1><?= $this->title ?></h1>

<div class="row">
    <div class="twelve columns">
        <nav class="portfolio-nav l-inline--navigation">
            <ul class="top">
                <li><a href="#itemOne">NRHC website</a></li>
                <li><a href="#itemTwo">Renew Our Community</a></li>
            </ul>
        </nav>
    </div>
</div>

<section id="itemOne" class="portfolio__section">
    <hgroup>
        <h1>North Rock Hill Church</h1>
        <p class="drophead"><a href="http://northrockhill.com/" target="_blank">NorthRockHill.com</a></p>
    </hgroup>

    <div class="l-2cols">

        <p>While working at North Rock Hill Church (NRHC), I wore many hats. By far my favorite was that of web
        development. Upon arriving at NRHC, their web site looked like any other small church, and it was updated just
        as often. It quickly went on my hit list of projects to focus on in my spare time. As my skills were
        realized the lead pastor asked for a complete site overhaul.</p>

        <p>At that time I had played with WordPress, crushing on it's poetic nature. Yes, I had a crush on
        WordPress code. Nonetheless, since WordPress was just being realized for it's content management system (CMS)
        aspect, I kept searching finally landing on Joomla (v 1.5).</p>

        <p>My dreams for Joomla and it's CMS nature were that others in my organization would take responsibility for
        their pages. *Cue laughter*. Yeah, that didn't happen; I became the web content manager.</p>

        <p>In December of 2011, I decided to enlarge my brain. I wanted to learn more PHP and become a better developer. My
        direction was a framework for web development. I scoured the web for tutorials on routing systems,
        caching, Model View Controller (MVC) structure, and other wonderful terms pulled from prior experience with the
        web.  This is where <a href="http://github.com/tygor/Liriope-Framework" target="_blank">Liriope</a> was born.
        Hang with me&hellip;</p>

        <p>Liriope along with some risk taking, allowed me to power the newest version of the NRHC site from my own
        framework.</p>

    </div>

    <div class="row">
        <div class="three columns">
            <figure class="portfolio__figure l-figure">
                <img src="<?= img('NRHC-site__homepage.jpg') ?>" alt="NRHC hoepage">
                <figcaption>
                    This is the NRHC home page, focused on delivering top-tier content directly upon arrival.
                </figcaption>
            </figure>
        </div>
        <div class="three columns">
            <figure class="portfolio__figure l-figure">
                <img src="<?= img('NRHC-site__toolbox.jpg') ?>" alt="Quick info toolbox">
                <figcaption>
                    For quick information like location and service times we created a header drawer.
                </figcaption>
            </figure>
        </div>
        <div class="three columns">
            <figure class="portfolio__figure l-figure">
                <img src="<?= img('NRHC-site__im-new.jpg') ?>" alt="NRHC New Visitor page">
                <figcaption>
                    Our primary audience is new arrivals to the site, so up front, we supply a page just for guests.
                </figcaption>
            </figure>
        </div>
        <div class="three columns">
            <figure class="portfolio__figure l-figure">
                <img src="<?= img('NRHC-site__media.jpg') ?>" alt="NRHC media page">
                <figcaption>
                    Another primary aspect of the site is that you can listen and watch past sermon. This page pulls from our Vimeo channel.
                </figcaption>
            </figure>
        </div>
    </div>
    <footer>
        <ul class="portfolio-section__tags">
            <li>Logo</li>
            <li>Branding</li>
            <li>Graphic Design</li>
            <li>Web Front End Design</li>
            <li>Web Back End Development</li>
            <li>Content Management</li>
        </ul>
    </footer>
</section>

<section id="itemTwo" class="portfolio__section--invert">
    <div class="row">
        <div class="eight columns">

            <hgroup>
                <h1>Renew Our Community</h1>
                <p class="drophead"><a href="http://renewoc.org" target="_blank">RenewOC.org</a></p>
            </hgroup>

            <div>

                <p>The Renew Our Community (ROC) project came about when a colleague saw what I was capable of and asked
                if I could use my talents to re-brand their  inner-city ministry. This was a complete re-brand and
                relaunch. It included logo design, color scheme selection, business cards, banners, a brochure, and
                a brand-spanking-new website. Our first step was the logo:</p>

                <figure class="l-figure--centered">
                    <img src="<?= img('ROC-Logo-200px.png') ?>" alt="The new Renew Our Community logo">
                </figure>
                
                <p>Soon after, the website evolved from sketches into wire-frames and eventually developed into the
                sample you see here. During that process, business cards, banners, and brochures sparked into life.</p>

                <p>This became the second project where I was able to use my <a
                href="http://github.com/tygor/Liriope-Framework" target="_blank">Liriope</a> framework.</p>

            </div>
        </div>
        <div class="four columns">
            <figure class="l-figure">
                <img src="<?= img('ROC-site__wireframe.jpg') ?>" alt="The new Renew Our Community website">
            </figure>
        </div>
    </div>
    <footer>
        <ul class="portfolio-section__tags">
            <li>Logo</li>
            <li>Branding</li>
            <li>Graphic Design</li>
            <li>Web Front End Design</li>
            <li>Web Back End Development</li>
            <li>Content Management</li>
        </ul>
    </footer>
</section>

